<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="keywords" content="">
    <meta name="description" content="">
        <meta property="og:site_name" content="">
        <meta property="og:url" content="">
        <meta property="og:type" content="website">
        <meta property="og:title" content="">
    <meta name='og:image' content='__STATIC__/index/images/assets/ogg.png'>
    <!-- For IE -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- For Resposive Device -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- For Window Tab Color -->
    <!-- Chrome, Firefox OS and Opera -->
    <meta name="theme-color" content="#1E78FF">
    <!-- Windows Phone -->
    <meta name="msapplication-navbutton-color" content="#1E78FF">
    <!-- iOS Safari -->
    <meta name="apple-mobile-web-app-status-bar-style" content="#1E78FF">
    <title>{:$configs['SYSTEM_NAME']}</title>
    <!-- Favicon -->
    <link rel="icon" type="image/png" sizes="56x56" href="__STATIC__/index/images/fav-icon/icon.png">
    <!-- Main style sheet -->
    <link rel="stylesheet" type="text/css" href="__STATIC__/index/css/style.css" media="all">
    <!-- responsive style sheet -->
    <link rel="stylesheet" type="text/css" href="__STATIC__/index/css/responsive.css" media="all">

    <!-- Fix Internet Explorer ______________________________________-->
    <!--[if lt IE 9]>
      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
      <script src="__STATIC__/index/vendor/html5shiv.js"></script>
      <script src="__STATIC__/index/vendor/respond.js"></script>
    <![endif]-->  
  </head>

  <body>
    <div class="main-page-wrapper">
      
      {include file="html/header" /}

      
      <!-- 
      =============================================
        Theme Inner Banner
      ============================================== 
      -->
      <div class="theme-inner-banner">
        <div class="container">
          <h2 class="intro-title text-center">联系我们</h2>
          <ul class="page-breadcrumb style-none d-flex justify-content-center">
            <li><a href="{:url('index')}">首页</a></li>
            <li class="current-page">Contact</li>
          </ul>
        </div>
        <img src="__STATIC__/index/images/shape/shape_38.svg" alt="" class="shapes shape-one">
        <img src="__STATIC__/index/images/shape/shape_39.svg" alt="" class="shapes shape-two">
      </div> <!-- /.theme-inner-banner -->

      
      

      <!-- 
      =============================================
        Contact Section One
      ============================================== 
      -->
      <div class="contact-section-one mb-170 lg-mb-120">
        <div class="container">
          <div class="row">
            <div class="col-md-4">
              <div class="address-block-two text-center mb-40 sm-mb-20">
                <div class="icon d-flex align-items-center justify-content-center m-auto"><img src="__STATIC__/index/images/icon/icon_17.svg" alt=""></div>
                <h5 class="title">公司地址</h5>
                <p>{:$configs['ADDRESS']}</p>
              </div> <!-- /.address-block-two -->
            </div>
            <div class="col-md-4">
              <div class="address-block-two text-center mb-40 sm-mb-20">
                <div class="icon d-flex align-items-center justify-content-center m-auto"><img src="__STATIC__/index/images/icon/icon_18.svg" alt=""></div>
                <h5 class="title">咨询电话</h5>
                <p>{:$configs['ZXDH']}</p>
              </div> <!-- /.address-block-two -->
            </div>
            <div class="col-md-4">
              <div class="address-block-two text-center mb-40 sm-mb-20">
                <div class="icon d-flex align-items-center justify-content-center m-auto"><img src="__STATIC__/index/images/icon/icon_19.svg" alt=""></div>
                <h5 class="title">客服邮箱</h5>
                <p>{:$configs['KF_EMAIL']}</p>
              </div> <!-- /.address-block-two -->
            </div>
          </div>
        </div>

        <div class="mt-100 lg-mt-70">
          <div class="container">
            <div class="row gx-xxl-5">
              <div class="col-lg-6 d-flex order-lg-last">
                <div class="form-style-one">
                  <h3 class="form-title pb-40 lg-pb-20">留下您的联系方式</h3>
                  <form action="{:url('contact/save')}" id="contact-form"  data-toggle="validator">
                    <div class="messages"></div>
                    <div class="row controls">
                      <div class="col-6">
                        <div class="input-group-meta form-group mb-30">
                          <label>姓名*</label>
                          <input type="text" placeholder="请输入您的姓名" name="truename" required="required" data-error="姓名不能为空">
                          <div class="help-block with-errors"></div>
                        </div>
                      </div>
                      
                      <div class="col-6">
                        <div class="input-group-meta form-group mb-30">
                          <label>手机*</label>
                          <input type="text" placeholder="请输入您的手机" name="mobile" required="required" data-error="手机不能为空">
                          <div class="help-block with-errors"></div>
                        </div>
                      </div>

                      <div class="col-6">
                        <div class="input-group-meta form-group mb-30">
                          <label>邮箱</label>
                          <input type="email" placeholder="请输入您的邮箱" name="email">
                          <div class="help-block with-errors"></div>
                        </div>
                      </div>

                      <div class="col-6">
                        <div class="input-group-meta form-group mb-30">
                          <label>公司名称</label>
                          <input type="text" placeholder="请输入您的公司名称" name="company">
                          <div class="help-block with-errors"></div>
                        </div>
                      </div>

                      <div class="col-12">
                        <div class="input-group-meta form-group mb-30">
                          <label>联系地址</label>
                          <textarea placeholder="请输入您的联系地址" name="address"></textarea>
                          <div class="help-block with-errors"></div>
                        </div>
                      </div>
                      <div class="col-12"><button class="btn-eight ripple-btn">提交</button></div>
                    </div>
                  </form>
                </div> <!-- /.form-style-one -->
              </div>

        
            </div>
          </div>
        </div>
      </div> <!-- /.contact-section-one -->





    

      <!--
      =====================================================
        Footer
      =====================================================
      -->
      {include file="html/footer" /}
      
      


    <!-- Optional JavaScript _____________________________  -->

      <!-- jQuery first, then Bootstrap JS -->
      <!-- jQuery -->
    <script src="__STATIC__/index/vendor/jquery.min.js"></script>
    <!-- Bootstrap JS -->
    <script src="__STATIC__/index/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <!-- AOS js -->
    <script src="__STATIC__/index/vendor/aos-next/dist/aos.js"></script>
    <!-- Slick Slider -->
    <script src="__STATIC__/index/vendor/slick/slick.min.js"></script>
    <!-- js Counter -->
    <script src="__STATIC__/index/vendor/jquery.counterup.min.js"></script>
    <script src="__STATIC__/index/vendor/jquery.waypoints.min.js"></script>
    <!-- Fancybox -->
    <script src="__STATIC__/index/vendor/fancybox/dist/jquery.fancybox.min.js"></script>
    <!-- validator js -->
      <script src="__STATIC__/index/vendor/validator.js"></script>

    <!-- Theme js -->
    <script src="__STATIC__/index/js/theme.js"></script>
    </div> <!-- /.main-page-wrapper -->
  </body>
</html>